<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
		<title>抽奖结果</title>
	<link rel="stylesheet" href="{S_URL}/public/css/Global.css" />
    <script type="text/javascript" src="{S_URL}/public/js/responsive.js" ></script>
	    <style>
	    	body {background: #f6f6f6;}
	    	.alert {width:2.86rem;height:1.86rem;position: absolute;top: 50%;left: 50%;margin: -0.92rem 0 0 -1.43rem;background: #ffc107;border-radius: 0.1rem;position: relative;overflow: hidden;}
	    	.closeBtn {width: 0.16rem;height: 0.16rem;cursor: pointer;position: absolute;top: 0.04rem;right: 0.04rem;}
	    	.alert span {display: block;width: 0.62rem;height: 0.62rem;margin: 0 auto;padding-top: 0.14rem;}
	    	.alert span img {width: 100%;height: 100%;}
	    	.alert p {text-align: center;padding-top: 0.12rem;color:#151c30;font-size: 0.14rem;}
	    	.alert_footer {position:absolute;left:0;bottom:0;right:0;height: 0.32rem;background: #fff;padding: 0.16rem 0.24rem;}
	    	.alert_footer a {display:block;width: 0.94rem;height: 0.32rem;line-height: 0.32rem;text-align: center;border-radius: 0.16rem;border: #c5c5c5 solid 1px;font-size: 0.13rem;margin: 0 auto;}
	    	/*上门除螨*/
	    	.alert1 {width:100%;height:100%;position:relative;display: none;}
	    	/*上门保养*/
	    	.alert2 {width:100%;height:100%;position:relative;display: none;}
	    	/*没有抽到奖品*/
	    	.alert3 {width:100%;height:100%;position:relative;display: none;}
	    </style>
	</head>
	<body>
		<!--上门除螨-->
		<div class="alert1">
			<div class="alert">
				<!--	<img src="{S_URL}/public/img/acceptance/icon_close.png" class="closeBtn">-->
				<span><img src="{S_URL}/public/img/acceptance/icon_smile.png"></span>
				<p>恭喜您，抽到上门除螨一次</p>
				<div class="alert_footer">
					<a href="/public/menu/acceptance/req/orderinfo/id/$id" class="curr">查看订单</a>
				</div>
			</div>
		</div>
		<!--上门保养-->
		<div class="alert2">
			<div class="alert">
				<!--	<img src="{S_URL}/public/img/acceptance/icon_close.png" class="closeBtn">-->
				<span><img src="{S_URL}/public/img/acceptance/icon_smile.png"></span>
				<p>恭喜您，抽到上门保养一次</p>
				<div class="alert_footer">
					<a href="/public/menu/acceptance/req/orderinfo/id/$id" class="curr">查看订单</a>
				</div>
			</div>
		</div>
		<!--没有抽到奖品-->
		<div class="alert3">
			<div class="alert">
			<!--	<img src="{S_URL}/public/img/acceptance/icon_close.png" class="closeBtn">-->
				<span><img src="{S_URL}/public/img/acceptance/icon_cry.png"></span>
				<p>很遗憾，您没有抽到奖品</p>
				<div class="alert_footer">
					<a href="/public/menu/acceptance/req/orderinfo/id/$id" class="curr">查看订单</a>
				</div>
			</div>
		</div>
		<script type="text/javascript" src="{S_URL}/public/js/jquery-2.2.4.min.js" ></script>
		<script>
		$(document).ready(function(){
		       if($res['luck'] == 1){
			      $(".alert1").css("display",'block');
			  }else if($res['luck'] == 2){
			    $(".alert2").css("display",'block');
			  }else{
			      $(".alert3").css("display",'block');
			  }
		});
		  
			$(".closeBtn").on("click",function(){
				$(this).parents(".alert").parent().hide();
			})
		</script>
	</body>
</html>
